<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华猫首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="css/shop.css">
    <style>
        .aui-list .new-width{
            width: 100%;
        }
    </style>
</head>
<body>
<!--<header id="header" class="aui-bar aui-bar-nav ">-->

    <!--<a href="#" class="aui-pull-left aui-btn ">-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->

    <!--</a>-->
    <!--<div class="aui-title">当面付款</div>-->

<!--</header>-->
<section class="aui-clearfix">
   <div class="shop">
       <div class="shop-img">
           <a href="#" class="back"><span class="aui-iconfont aui-icon-left" style="font-size: 1rem"></span></a>
           <img src="img/shop1.png" alt="">
       </div>
       <div class="shop-logo">
           <img src="img/shop-logo.png" alt="">
           <p class="aui-margin-b-15 aui-margin-t-10"> 华硕华猫官方旗舰店</p>
       </div>
   </div>
    <div class="shop-count">
        <div class="item-count">
            <span> 5744</span>
            <p>全部商品 </p>
        </div>
        <div class="item-count">
            <span> 5744</span>
            <p>上新 </p>
        </div>
        <div class="item-count">
            <span> 5744</span>
            <p>热销 </p>
        </div>

    </div>
    <ul class="shop-msg">
        <li class="item-msg"> <p class="aui-font-size-14"> 店铺名称</p><span class="aui-font-size-14 aui-margin-l-15"> 华硕官方旗舰店</span> </li>
        <li class="item-msg"> <p class="aui-font-size-14"> 开店时间</p><span class="aui-font-size-14 aui-margin-l-15"> 2018-07-06</span> </li>
        <li class="item-msg"> <p class="aui-font-size-14"> 店铺掌柜</p><span class="aui-font-size-14 aui-margin-l-15 aui-margin-r-15"> 华硕官方旗舰店 </span><i class=" icons icon-server"></i> </li>
    </ul>

</section>



<script src="../../js/api.js"></script>
<script src="../../js/aui-slide.js"></script>
<script src="../../js/aui-tab.js"></script>
<script src="../../js/common.js"></script>

<script>
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":240,
        "speed":500,
        "autoPlay": 3000, //自动播放
        "loop":true,
        "pageShow":true,
        "pageStyle":'dot',
        'dotPosition':'center'
    });
    var tab=new auiTab({
        element:document.getElementById('footer'),
        index:1,
        repeatClick:false
    },function (ret) {
        console.log(ret)
    });


    var alertBox={


    }
</script>
</body>
</html>